<!--图层-光标-->
<template>
  <g id="SelectLayer" v-if="workState === 10" :style="{ transform: 'scale(' + canvasScale + ')' }">
    <rect :width="selectRect.RectWidth + 'px'" :height="selectRect.RectHeight + 'px'" :x="selectRect.BasePointX"
      :y="selectRect.BasePointY" :stroke="selectRect.StrokeColor" stroke-dasharray="5 5" fill="rgba(255, 255, 255, 0)"
      stroke-width="1" />
  </g>
</template>

<script setup lang="ts">
/* ================================================================================================ */
// 🍀引入
/* ================================================================================================ */
import { ref, reactive, onMounted, toRefs, watch, onUnmounted, computed } from "vue";

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🐸 引入存储
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
import { useMenuStore } from "@/store/menuStore"; // 菜单
import { useCanvasStore } from "@/store/canvasStore"; // 画布

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🐸 使用存储
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
import { storeToRefs } from "pinia";
const canvasStore = useCanvasStore(); // 画布
const menuStore = useMenuStore(); // 菜单
/* ================================================================================================ */
//                                变量
/* ================================================================================================ */
/** 解构存储*/
const { eidt } = storeToRefs(menuStore);
/** 解构存储*/
const { selectRect, workState } = storeToRefs(canvasStore);
/** 画布缩放 */
let canvasScale = computed(() => canvasStore.canvasAttr.canvasScale);

/* ================================================================================================ */
//                               函数
/* ================================================================================================ */

/* ================================================================================================ */
//                               监听
/* ================================================================================================ */
</script>

<style lang="scss" scoped>
/* 引入共用css */
@import "@/assets/h.scss";
</style>
